<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米</title>
		<link rel="stylesheet" href="./css/小米样式.css">
		<style>
		#product_card{
			width: 300px;
			height: 500px;
			border: 1px solid #c8c8c8;
		}	
		.car{
			width:280px;
			height: 320px;
			border: 0px solid black;
		   margin-left: 10px;
		   margin-top: 15px;
		   background-size: 100% 100%;
		}
	*{
		font-size: 20px;
		text-align: center;
	}
	#price{
		font-size: 1.2em;
		color: #ff0000;
	line-height: 50px;
	}
	.one{
		font-size: 0.7em;
	position: relative;
	left: -53px;
	top: -7px;
	}	
	.two{
		font-size: 0.7em;
		left: 31px;
		top: -80px;
		position: relative;

	}	
	.three{
		font-size: 0.7em;
		position: relative;
		left: -11px;
		top: -46px;
	}
		
		
			
		</style>
	</head>
	<body>
		
		
		<div id="product_card">
		<div class="car"></div>
		<h1>小米SU7</h1>
		<p id="price">￥279999.00</p>
		<p class="one">已有</p>
		<span class="three">20万+</span>
		<p class="two">人评价</p>
		</div>
		
		
	</body>
</html>